<#include "/org/alfresco/components/component.head.inc">

<@link rel="stylesheet" type="text/css" href="${page.url.context}/res/jquery/jquery-ui.css" />

<@script type="text/javascript" src="${url.context}/res/jquery/jquery-ui.js"></@script>

<@markup id="widgets">
    <@createWidgets group="document"/>
</@>

<script type="text/javascript">//<![CDATA[
var $siteURL = Alfresco.util.siteURL;
function onStartDocumentButtonClick()
{
    Alfresco.util.navigateTo($siteURL("start-workflow?referrer=tasks"), "POST",
    {
        workflowToStart: $( "#documents-group" ).val(),
        documentType: $('#documents-list').val()
        //documentType: $('#documents-type option:selected').text()
    });
}

function defaultDropboxValues() {
    document.getElementById('documents-group').selectedIndex=0;
    document.getElementById('documents-list').selectedIndex=0;
}

function enableButton() {
    $("#startDocument").attr('disabled',false)
}

var onDocListSuccess = function(res) {
    var defaultOpt = '<option selected="true" style="display:none;" disabled>Pasirinkite dokumentą...</option>';
    var docList = eval('(' + res.serverResponse.responseText + ')');
    if (docList.data.length > 0) {
        $("#documents-list").empty();
        $("#documents-list").append(defaultOpt);
        $("#documents-list").attr('disabled',false);
        for (var i = 0; i < docList.data.length; i++ ) {
            var option = "<option>"+ docList.data[i].docTitle + "</option>";
            $("#documents-list").append(option);
        }
    }
}

var onDocListFailure = function() {
    console.log("Failure");
}

function getListOfDocuments(docGroup) {
    $("#startDocument").attr('disabled',true)
    var jsonData = {};
    jsonData['docGroup'] = docGroup;
    Alfresco.util.Ajax.jsonPost({
        url: Alfresco.constants.PROXY_URI + "api/doclist",
        dataObj: jsonData,
        successCallback:
        {
            fn: onDocListSuccess,
            scope: this
        },
        failureCallback:
        {
            fn: onDocListFailure,
            scope: this
        },
        scope : this,
        execScripts: true
    });
}

$(document).ready(function () {
    defaultDropboxValues();
});
//]]></script>

<div class="dashlet">
    <div class="title">Naujas</div>
    <div class="body">
        <div id="documents-group-div" style="text-align: center; margin-top: 1em;">
            <span>Dokumento grupė: </span><select id="documents-group" style="width: 260px;float: right;" onchange="getListOfDocuments(this.options[this.selectedIndex].value)">
                <option selected="true" style="display:none;" disabled>Pasirinkite dokumento grupę...</option>
                <option value="vacAppealSimple">Kasmetinių atostogų prašymai</option>
                <option value="" disabled="disabled">Tikslinių atostogų prašymai</option>
                <option value="alAppeal" disabled="disabled">Prašymai materialinės pašalpos klausimais</option>
                <option value="appealSecLR" disabled="disabled">Prašymai komandiruočių  klausimais</option>
                <option value="perAppeal" disabled="disabled">Prašymai kitais personalo  klausimais</option>
                <option value="secAbroadNotice" disabled="disabled">Tarnybiniai pranešimai komandiruočių į užsienį klausimais</option>
                <option value="" disabled="disabled">Tarnybiniai pranešimai struktūros klausimais</option>
                <option value="" disabled="disabled">Tarnybiniai pranešimai organizaciniais klausimais</option>
                <option value="" disabled="disabled">Tarnybiniai pranešimai finansų klausimais</option>
                <option value="" disabled="disabled">Tarnybinis pranešimas dėl materialinės pašalpos skyrimo</option>
                <option value=""disabled="disabled">Prašymai darbo sutarčių sudarymo / keitimo / nutraukimo klausimais</option>
            </select>
        </div>
        <div id="documents-list-div" style="text-align: center; margin-top: 1em; margin-bottom: 1em;">
            <span>Dokumentas: </span><select id="documents-list" style="width: 260px;float: right;" disabled="disabled" onchange="enableButton()">
                <option selected="true" style="display:none;" disabled>Pasirinkite dokumentą...</option>
            </select>
        </div>
        <div align="center" style="margin-top: 1em;  margin-bottom: 1em; float: none;"><button id="startDocument" onclick="onStartDocumentButtonClick()" disabled="disabled">Kurti dokumentą</button></div>
    </div>
</div>